import styled from 'styled-components';

export const HeaderWrapper = styled.div `
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  height: 35px;
  border-bottom: 2px solid #C10D0C;;

  .left{
    display: flex;

    .title{
      position: relative;
      font-size: 20px;
      color:#333333;
      text-decoration: none;
      text-indent: 35px;
    }
    .title::before{
      position: absolute;
      top: 1px;
      display: block;
      content: "";
      width: 25px;
      height: 25px;
      background: url(${require("@/assets/img/sprite_02.png").default}) no-repeat -225px -156px;
    }
    .keyWords{
      line-height: 33px;
      margin-left: 20px;
      cursor: pointer;

      .item{
        margin: 0px 10px;
      }
    }
  }

  .right{
    margin-top: 9px;
    .more-icon{
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-left: 4px;
      vertical-align: middle;
      background-position: 0 -240px;
    }
  }
`